.wmd-panel {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    min-width: 500px
}

#wmd-editor {
    background-color: Aquamarine
}

.wmd-button-bar {
    width: 100%
}

.wmd-input {
    height: 500px;
    width: 100%;
    background-color: Gainsboro;
    border: 1px solid #a9a9a9
}

.wmd-preview {
    background-color: LightGray
}

.wmd-output {
    background-color: Pink
}

.wmd-button-row {
    position: relative;
    margin: 0px;
    padding: 5px;
    height: 20px
}

.wmd-spacer {
    width: 1px;
    height: 20px;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    background-color: Silver;
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none
}

.wmd-button {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    background-image: url(../../image/v1/wmd-buttons.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none
}

.wmd-button>a {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    display: inline-block
}

.wmd-bold-button {
    background-position: 0px 0px
}

.wmd-bold-button:hover {
    background-position: 0px -40px
}

.wmd-bold-button.disabled {
    background-position: 0px -20px
}

.wmd-italic-button {
    background-position: -20px 0px
}

.wmd-italic-button:hover {
    background-position: -20px -40px
}

.wmd-italic-button.disabled {
    background-position: -20px -20px
}

.wmd-link-button {
    background-position: -40px 0px
}

.wmd-link-button:hover {
    background-position: -40px -40px
}

.wmd-link-button.disabled {
    background-position: -40px -20px
}

.wmd-quote-button {
    background-position: -60px 0px
}

.wmd-quote-button:hover {
    background-position: -60px -40px
}

.wmd-quote-button.disabled {
    background-position: -60px -20px
}

.wmd-code-button {
    background-position: -80px 0px
}

.wmd-code-button:hover {
    background-position: -80px -40px
}

.wmd-code-button.disabled {
    background-position: -80px -20px
}

.wmd-image-button {
    background-position: -100px 0px
}

.wmd-image-button:hover {
    background-position: -100px -40px
}

.wmd-image-button.disabled {
    background-position: -100px -20px
}

.wmd-olist-button {
    background-position: -120px 0px
}

.wmd-olist-button:hover {
    background-position: -120px -40px
}

.wmd-olist-button.disabled {
    background-position: -120px -20px
}

.wmd-ulist-button {
    background-position: -140px 0px
}

.wmd-ulist-button:hover {
    background-position: -140px -40px
}

.wmd-ulist-button.disabled {
    background-position: -140px -20px
}

.wmd-heading-button {
    background-position: -160px 0px
}

.wmd-heading-button:hover {
    background-position: -160px -40px
}

.wmd-heading-button.disabled {
    background-position: -160px -20px
}

.wmd-hr-button {
    background-position: -180px 0px
}

.wmd-hr-button:hover {
    background-position: -180px -40px
}

.wmd-hr-button.disabled {
    background-position: -180px -20px
}

.wmd-undo-button {
    background-position: -200px 0px
}

.wmd-undo-button:hover {
    background-position: -200px -40px
}

.wmd-undo-button.disabled {
    background-position: -200px -20px
}

.wmd-redo-button {
    background-position: -220px 0px
}

.wmd-redo-button:hover {
    background-position: -220px -40px
}

.wmd-redo-button.disabled {
    background-position: -220px -20px
}

.wmd-help-button {
    background-position: -240px 0px
}

.wmd-help-button:hover {
    background-position: -240px -40px
}

.wmd-help-button.disabled {
    background-position: -240px -20px
}

.wmd-help-button {
    position: absolute;
    top: 5px;
    right: 0px;
    background-position: -240px 0
}

.wmd-prompt-background {
    background-color: Black
}

.wmd-prompt-dialog {
    border: 1px solid #999;
    background-color: #F5F5F5;
    font-size: 0.8em;
    font-family: arial, helvetica, sans-serif
}

.wmd-prompt-dialog>form>label {
    font-size: 0.6em;
    font-weight: bold;
    margin: 4px 0
}

.wmd-prompt-dialog>form>input[type="text"] {
    border: 1px solid #999;
    color: black
}

.wmd-prompt-dialog>form>input[type="button"] {
    border: 1px solid #888;
    font-family: trebuchet MS, helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold
}

.topics .topic .title a:link, .topics .topic .title a:visited, .node_topics .title a:link, .node_topics .title a:visited {
    color: #777;
    text-decoration: none
}

.topics .topic .title a:hover, .node_topics .title a:hover {
    text-decoration: underline
}

.new_topic_btn {
    text-align: center
}

.node_icon {
    margin-left: -1px
}

.sidebar p {
    margin-bottom: 8px
}

.node_topics_count {
    font-size: 12px;
    text-align: center
}

.node_summary p {
    margin: 0;
    color: #bbb;
    font-size: 12px
}

.node_avatar {
    width: 40px
}

.snav {
    margin-left: 5px !important
}

.unav {
    margin-right: -30px !important
}

.krSideBox {
    background: #ffffff;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ececec #ececec #cacaca;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    margin-bottom: 15px
}

.krSideBox .sidebar_title {
    text-indent: 0px
}

.desktop_mod .avatar {
    padding-left: 10px
}

.topics .topic .avatar {
    width: 56px;
    margin-left: 15px
}

.topics .topic .infos {
    padding-right: 74px
}

.topics .topic .right_info {
    padding-left: 75px
}

.topics .topic .title {
    font-size: 16px;
    color: #999;
    margin-top: 2px;
    margin-bottom: 6px
}

.topics .topic .info {
    color: #bbb;
    margin-bottom: 2px;
    font-size: 12px
}

.topics .topic .info .node {
    padding: 1px 6px;
    color: #778087;
    text-decoration: none;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: inset 3px 2px 6px #eee
}

.topics .topic .info em {
    font-style: normal
}

.topics .topic a:link, .topics .topic a:visited {
    color: #999;
    text-decoration: none
}

.topics .topic .replies {
    width: 70px;
    margin-right: 10px;
    text-align: right;
    vertical-align: middle
}

.topics .topic .replies a.count, .topics .topic .replies a.count:visited {
    line-height: 12px;
    font-weight: bold;
    color: white;
    background-color: #1c7fdb;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    margin: 18px 12px 0px 0px;
    text-decoration: none
}

.topics .topic .replies a.count:hover {
    color: write;
    background: #1dc115
}

.topics .topic .replies a.state_true:link, .topics .topic .replies a.state_true:visited {
    background: #DDD
}

.topics .topic .replies a.state_true:hover {
    background: #aaa
}

.topics .replies a.count:visited {
    background: #ddd !important;
    color: #aaa
}

.topics .replies a.count:hover {
    color: write;
    background-color: #1F8AEE
}

.topics .body {
    margin-bottom: 10px;
    margin-top: 8px
}

.topics .body img {
    max-width: 98%;
    padding: 10px 3px
}

.topics .body p {
    font-size: 16px;
    line-height: 24px
}

.topics .tools {
    text-align: right;
    height: 16px;
    overflow: hidden
}

.topics .tools a:link, .topics .tools a:visited {
    margin-left: 5px;
    text-decoration: none
}

.topics .tools a:link i, .topics .tools a:visited i {
    position: relative;
    margin-bottom: -1px
}

.topics .topic .avatar {
    margin-left: 0px
}

.topics .topic_line {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    vertical-align: top
}

.topics tr.topic td.replies {
    text-align: right;
    width: 50px;
    font-size: 14px;
    color: green;
    font-weight: bold
}

.pagination {
    text-align: center
}

.pagination ul {
    margin: 0 auto;
    float: right
}

form .node_select {
    margin-left: 0;
    margin-right: 6px;
    width: 143px
}

form .node_select select {
    width: 180px
}

#topic_show h1 {
    font-size: 28px;
    color: #000;
    text-align: left;
    line-height: 100%;
    margin-bottom: 24px
}

#topic_show .infos {
    margin-bottom: 10px;
    margin-right: 56px;
    border-bottom: 1px dashed #eee !important;
    margin: 0 -10px;
    padding: 0 10px 5px 10px
}

#topic_show .avatar_large {
    width: 48px
}

.more {
    padding: 8px;
    padding-bottom: 0;
    font-size: 14px;
    text-align: right
}

.node_topics {
    margin-bottom: 16px
}

.node_topics tr td {
    padding: 8px
}

.node_topics tr.head td {
    padding-top: 14px;
    color: #CCC;
    font-weight: bold;
    font-size: 12px
}

.node_topics tr.topic td.title {
    font-size: 14px;
    font-weight: bold
}

.node_topics tr.topic td.author {
    width: 80px
}

.node_topics tr.topic td.author a {
    color: #666;
    font-weight: bold
}

.no_result {
    text-align: center;
    background: none repeat scroll 0 0 transparent;
    border: 2px dashed rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding: 10px
}

#node_info {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

#node_info h1 {
    text-align: right;
    font-size: 15px
}

#node_info h2 {
    line-height: 100%;
    display: inline;
    font-size: 16px;
    margin-right: 10px
}

#node_info .desc {
    color: #999
}

#node_info .feed {
    float: right
}

#node_info .feed .icon {
    margin-bottom: -3px
}

#node_info .feed a {
    width: auto;
    padding-left: 18px;
    color: #B94E22
}

#node_info .feed a:hover {
    text-decoration: none;
    color: #333
}

#node_info .sorts {
    text-align: right;
    color: #999;
    padding: 3px 0 10px 0
}

#node_info .sorts i.icon {
    margin-bottom: -1px
}

#node_info .sorts ul {
    display: inline;
    margin: 0;
    padding: 0
}

#node_info .sorts li {
    display: inline;
    margin: 0 5px
}

#node_info .sorts li a.popular {
    color: #9d5051
}

#node_info .sorts li.active a {
    color: #333;
    border-bottom: 1px dotted #ddd
}

#node_info .sorts li.active a:hover {
    text-decoration: none
}

#replies {
    padding-bottom: 0px
}

#replies .total {
    padding-bottom: 6px;
    color: #999
}

#replies .reply {
    padding: 8px 10px;
    margin: 0 -10px
}

#replies .reply .deleted {
    color: #aaa;
    text-decoration: line-through;
    font-size: 12px;
    text-align: center
}

#replies .reply.light {
    background: #F7F2FC
}

#replies .reply.popular {
    background: #fffce9
}

#replies .reply .face {
    padding-right: 8px;
    width: 48px;
    margin-left: 0
}

#replies .reply .face a {
    display: block
}

#replies .reply .info {
    font-size: 12px;
    color: #bbb;
    height: 20px
}

#replies .reply .info a:link, #replies .reply .info a:visited {
    color: #999
}

#replies .reply .info .name {
    float: left
}

#replies .reply .info .name a {
    text-decoration: none;
    margin-right: 8px
}

#replies .reply .info .opts {
    float: right;
    text-align: right
}

#replies .reply .info .opts a {
    margin-left: 5px
}

#replies .reply .info .opts a:hover {
    text-decoration: none
}

#replies .reply .info .opts i.icon {
    margin-bottom: -1px
}

#replies .reply .info a.edit {
    display: none
}

#replies .reply .info a.reply_link img {
    vertical-align: middle
}

#replies .reply .body {
    min-height: 40px
}

#replies .reply .body img {
    max-width: 622px
}

#reply.form {
    position: relative
}

#reply.form .pills::after {
    clear: left
}

#reply.form textarea {
    width: 578px;
    margin-bottom: 10px
}

#reply.form .submit_buttons {
    position: absolute;
    right: 10px;
    top: 42px
}

.topics .topic .body, #replies .reply .body {
    position: relative;
    line-height: 160%;
    font-size: 14px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.topics .topic .body p, #replies .reply .body p {
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 15px
}

.topics .topic .body .emoji, #replies .reply .body .emoji {
    padding: 0;
    margin-top: 4px
}

.topics .topic .body blockquote p, #replies .reply .body blockquote p {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 150%
}

.topics .topic .body code, #replies .reply .body code {
    margin: 0 2px;
    font-family: Monaco, Menlo, "Courier New", monospace
}

.topics .topic .body pre, #replies .reply .body pre {
    font-family: Monaco, Menlo, "Courier New", monospace
}

.topics .topic .body a:link, .topics .topic .body a:visited, #replies .reply .body a:link, #replies .reply .body a:visited {
    font-size: 16px;
    color: #0069D6;
    text-decoration: none
}

.topics .topic .body a:hover, #replies .reply .body a:hover {
    text-decoration: underline;
    color: #00438A
}

.topics .topic .body a.at_floor, #replies .reply .body a.at_floor {
    color: #376B43
}

.topics .topic .body a.at_user, #replies .reply .body a.at_user {
    color: #333;
    font-weight: bold
}

.topics .topic .body a.at_user i, #replies .reply .body a.at_user i {
    color: #777
}

.topics .topic .body h4, #replies .reply .body h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: 100%;
    margin: 0;
    color: #222;
    margin-top: 20px;
    border-left: 15px solid #eee;
    padding-left: 5px;
    margin-bottom: 8px
}

.topics .topic .body strong, #replies .reply .body strong {
    color: #000
}

.topics .topic .body ul, .topics .topic .body ol, #replies .reply .body ul, #replies .reply .body ol {
    list-style-position: inside;
    margin: 0;
    padding: 5px 14px
}

.topics .topic .body ul p, .topics .topic .body ol p, #replies .reply .body ul p, #replies .reply .body ol p {
    margin: 0;
    margin-bottom: 20px !important
}

.topics .topic .body ul li, .topics .topic .body ol li, #replies .reply .body ul li, #replies .reply .body ol li {
    line-height: 34px;
    color: #333;
    font-size: 16px
}

.topics .topic .body img, #replies .reply .body img {
    vertical-align: top
}

.form-horizontal .edit_tools {
    text-align: left;
    margin-bottom: 0px
}

.totals ul li {
    line-height: 150%
}

#topic_new_tip li {
    margin-bottom: 6px
}

#topics_recent h2 {
    margin: 0 -10px;
    padding: 0 10px;
    font-size: 14px;
    color: #999;
    line-height: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px
}

#topics_recent .node {
    margin-right: 6px
}

#topics_recent .node a {
    color: #333;
    background: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    font-size: 11px
}

#topics_recent .info {
    font-size: 12px;
    color: #999;
    margin-left: 6px
}

#topics_recent .info a {
    color: #999;
    text-decoration: underline
}

#topics_recent ul {
    margin: 0;
    padding: 0
}

#topics_recent ul li {
    margin: 0 -10px;
    padding: 6px 10px;
    list-style: none;
    border-bottom: 1px dashed #ddd
}

#reply form {
    margin-bottom: 0px
}

#reply .editor_toolbar {
    width: 588px
}

.sidebar .hot_nodes ul {
    margin: 0;
    list-style: none
}

.sidebar .hot_nodes ul li {
    display: inline;
    margin: 0;
    padding: 0
}

.sidebar .hot_nodes ul li a {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
    padding: 2px 10px;
    color: #778087;
    text-decoration: none;
    background-color: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.sidebar .hot_nodes ul li a:hover {
    color: white;
    background-color: #99a
}

.sidebar .suggest_topics ul li {
    line-height: 130%;
    list-style: none;
    margin-bottom: 8px
}

.sidebar .suggest_topics ul li img {
    margin-top: -3px
}

.sidebar .suggest_topics ul li a {
    font-size: 12px
}

#preview {
    margin-top: 0px;
    padding: 4px;
    min-height: 400px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 693px
}

#reply #preview {
    width: 578px;
    margin-bottom: 10px;
    min-height: 72px
}

#topic_upload_images {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    overflow: hidden
}
